/**
遮罩层
 */
.my-loading{
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: rgba(0,0,0,0.1);
  p{
    margin-bottom: 0;
    font-size: 16px;
    letter-spacing: 1px;
  }
  .loading-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 15px;
    background-color: rgba(255,255,255,.8);
    border-radius: 4px;
    max-width: 400px;
  }
  .loading-icon {
    position:relative;
    margin: 0 auto;
    height: 50px;
    .inner {
      position:absolute;
      left: calc(50% - 5px);
      width:9px;
      height:9px;
      border-radius:50%;
      background-color: #2BAEF2;
      transform-origin: 50% 15px;
      animation:an-circle 2s ease-in-out infinite;
    }
    .inner:nth-child(2){
      height:8px;
      width:8px;
      animation-delay:.2s;
    }
    .inner:nth-child(3){
      height:6px;
      width:6px;
      animation-delay:.4s;
    }
    .inner:nth-child(4){
      height:4px;
      width:4px;
      animation-delay:.6s;
    }
  }
  @keyframes an-circle{
    to{
      transform:rotate(1turn);
    }
  }
}

.ant-modal-body{
  position: relative;
}

